@charset "utf-8";

/* CSS Document */

@media only screen and (max-width: 1023px) {
    .wrap_box {
        font-size: 0.24rem;
    }
    img {
        width: 100%;
    }
    .mar_t10 {
        margin-top: 0.1rem;
    }
    .content {
        width: 6.9rem;
    }
    .pc {
        display: none;
    }
    .phone {
        display: block;
    }
    .p_w100 {
        width: 100%;
    }
    .p_col {
        flex-direction: column;
    }
    .header_bg {
        height: 1.3rem;
    }
    .header_top {
        margin: 1.3rem 0 0;
    }
    .header {
        padding: 0 0.3rem;
    }
    .menu_btn {
        width: 0.46rem;
        height: 0.36rem;
    }
    .menu_close {
        font-size: 0.6rem;
        color: #fff;
    }
    .nav {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #1e1e1e;
        color: #fff;
        padding: 0.2rem 0.5rem 0;
        display: none;
    }
    .nav ul {
        flex-direction: column;
        padding: 0.5rem 0 0;
    }
    .nav ul li {
        width: 100%;
        font-size: 0.3rem;
        line-height: 3;
        background: none;
        text-align: left;
    }
    .nav ul li img {
        display: none;
    }
    .nav ul li::after {
        display: none;
    }
    .nav ul li:first-child a {
        display: block;
    }
    .banner,
    .m_banner {
        margin: 1.3rem 0 0;
    }
    .footer {
        font-size: 0.28rem;
    }
    .code {
        margin-right: 0.2rem;
    }
    .footer_txt {
        font-size: 0.24rem;
    }
    .copyright {
        font-size: 0.22rem;
    }
    .tit {
        padding: 0.8rem 0 0;
    }
    .tit h2 {
        font-size: 0.6rem;
    }
    .tit h3 {
        font-size: 0.48rem;
    }
    .index_bg {
        background: url(../images/p_index_bg.jpg) no-repeat center top;
        background-size: 100% 100%;
    }
    .advantage_list {
        justify-content: space-between;
    }
    .advantage_list li {
        width: 3.35rem;
        margin: 0.5rem 0 0;
    }
    .advantage_list_pic {
        height: 2.2rem;
    }
    .advantage_list_pic img {
        width: 1.4rem;
        height: 1.4rem;
    }
    .advantage_list_tit {
        font-size: 0.3rem;
    }
    .pro {
        margin: 0.7rem 0.3rem 0.2rem;
    }
    .pro .swiper-button-next,
    .pro .swiper-button-prev {
        width: 0.53rem;
        height: 0.53rem;
    }
    .pro .swiper-button-next::after,
    .pro .swiper-button-prev::after {
        display: none;
    }
    .pro .swiper-button-prev {
        left: 0;
        background: url(../images/nar1.png) no-repeat;
        background-size: 100% 100%;
    }
    .pro .swiper-button-next {
        right: 0;
        background: url(../images/nar2.png) no-repeat;
        background-size: 100% 100%;
    }
    .pro_pic {
        width: 3.55rem;
        height: 3.8rem;
        margin: 0 auto;
    }
    .pro_tit {
        display: flex;
        justify-content: center;
        font-size: 0.3rem;
    }
    .message {
        padding: 0.4rem 0.2rem;
    }
    .mes_list {
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .mes_list:first-child,
    .mes_list:nth-child(2) {
        width: 3.15rem;
        margin-bottom: 0.5rem;
    }
    .mes_txt {
        width: 100%;
        height: 0.84rem;
        font-size: 0.3rem;
        padding: 0 0.2rem;
    }
    .mes_tit {
        font-size: 0.3rem;
        margin-bottom: 0.15rem;
    }
    .mes_txt1 {
        width: 100%;
        height: 2.2rem;
        padding: 0.2rem;
    }
    .mes_tip {
        font-size: 0.28rem;
    }
    .mes_btn {
        font-size: 0.3rem;
        width: 3.6rem;
        height: 0.84rem;
        border-radius: 0.05rem;
    }
    .xx_tit {
        font-size: 0.4rem;
    }
    .xx_time {
        font-size: 0.24rem;
    }
    .nextpage {
        flex-direction: column;
    }
    .nextpage>div {
        max-width: 100%;
    }
    .qijie_bg {
        background: url(../images/p_qijie_bg.jpg) no-repeat center top;
        background-size: 100%;
        height: 13.81rem;
        padding: 0.6rem 0 0;
    }
    .qijie_tit h3 {
        font-size: 0.36rem;
    }
    .qijie_tit h2 {
        font-size: 0.58rem;
    }
    .qijie_tit p {
        font-size: 0.2rem;
        width: 6.4rem;
    }
    .qijie_list li img {
        height: 10.2rem;
    }
    .qijie_list .swiper-button-next,
    .qijie_list .swiper-button-prev {
        width: 0.53rem;
        height: 0.53rem;
        top: 2.3rem;
    }
    .qijie_list .swiper-button-next::after,
    .qijie_list .swiper-button-prev::after {
        display: none;
    }
    .qijie_list .swiper-button-prev {
        left: 0;
        background: url(../images/nar1.png) no-repeat;
        background-size: 100% 100%;
    }
    .qijie_list .swiper-button-next {
        right: 0;
        background: url(../images/nar2.png) no-repeat;
        background-size: 100% 100%;
    }
    .qijie_list1 {
        margin: 0.8rem 0 0;
        padding-bottom: 0.6rem;
    }
    .qijie_list1 li {
        flex-direction: column-reverse;
    }
    .qijie_list1 li:nth-child(even) {
        flex-direction: column-reverse;
    }
    .qijie_list1 li:nth-child(even) .qijie_list1_con {
        text-align: right;
    }
    .qijie_list1 li:nth-child(even) .qijie_list1_tit::after {
        right: 0;
        left: auto;
    }
    .qijie_list1_tit {
        font-size: 0.36rem;
    }
    .qijie_list1_tit::after {
        width: 1.2rem;
        height: 0.04rem;
    }
    .qijie_txt {
        font-size: 0.3rem;
        line-height: 0.72rem;
        margin: 0.22rem 0 0;
    }
    .qijie_list2 li {
        flex-direction: column;
        margin-bottom: 0.2rem;
    }
    .qijie_list2 li:nth-child(even) {
        flex-direction: column;
    }
    .qijie_list2 li:nth-child(even) .qijie_list1_con {
        text-align: left;
    }
    .qijie_list2 li:nth-child(even) .qijie_list1_tit::after {
        right: auto;
        left: 0;
    }
    .qijie_list2 .qijie_list1_con {
        width: 100%;
    }
    .qijie_list2 .qijie_list1_pic {
        width: 2.39rem;
        margin: 0.2rem 0 0;
    }
    .qijie_list3 li {
        flex-direction: column;
    }
    .qijie_list3 li .qijie_list1_con {
        text-align: right;
    }
    .qijie_list3 li .qijie_list1_tit::after {
        right: 0;
        left: auto;
    }
    .qijie_list3 li:nth-child(even) {
        flex-direction: column;
    }
    .qijie_list3 li:nth-child(even) .qijie_list1_con {
        text-align: left;
    }
    .qijie_list3 li:nth-child(even) .qijie_list1_tit::after {
        right: auto;
        left: 0;
    }
    .bicycle_head {
        flex-direction: column-reverse;
    }
    .bicycle_list li {
        width: 100%;
    }
    .bicycle_con {
        font-size: 0.3rem;
        line-height: 0.72rem;
        margin-bottom: 0.3rem;
    }
    .bicycle_list_txt {
        font-size: 0.3rem;
        line-height: 0.72rem;
    }
    .house1_head {
        flex-direction: column-reverse;
        margin: 0.4rem 0 0;
    }
    .house1_con {
        font-size: 0.3rem;
        line-height: 0.6rem;
        margin-bottom: 0.4rem;
    }
    .house_bg2::after {
        height: 7.4rem;
    }
    .house_txt1 {
        font-size: 0.28rem;
        margin: 0.6rem 0 0.3rem;
    }
    .house_txt2 {
        font-size: 0.28rem;
        margin: 0.4rem 0 0;
    }
    .house_list_box li {
        width: 100%;
    }
    .house_list {
        width: 6.7rem;
        height: 2.8rem;
        border-radius: 0.2rem;
        padding: 0 0.35rem 0 0.2rem;
    }
    .house_list_pic {
        width: 3.2rem;
        height: 2.4rem;
        border-radius: 0.1rem;
    }
    .house_list_con {
        width: 2.6rem;
        background-size: 1.4rem;
        height: 2.2rem;
    }
    .house_list_tit {
        font-size: 0.36rem;
    }
    .house_list_tit::after {
        width: 1.2rem;
        height: 0.08rem;
    }
    .house_list_txt {
        font-size: 0.3rem;
        line-height: 0.48rem;
        margin: 0.2rem 0 0;
    }
    .house_list_num {
        font-size: 0.3rem;
    }
    .video111-a5 {
        width: 100%;
        height: 5rem;
    }
    .video111-a4 {
        right: 0;
        top: 30%;
        font-size: .5rem;
    }
    .video111-a5 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .video111-a5 iframe {
        width: 100%;
        height: 5rem;
    }
}